<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="com.mc.lp.view.constants.*"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://www.springframework.org/security/tags" prefix="sec" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ page isELIgnored="false" %> <!-- important to print EL tags -->
<html>
    <head>
		<%@include file="../static/scriptimport.jsp"%>
        <meta charset="UTF-8">
        <title>MicroTrackr Powered By Microcampus</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="<c:url value="/resources/css/bootstrap.css"/>" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="<c:url value="/resources/css/font-awesome.min.css"/>" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="<c:url value="/resources/css/ionicons.min.css"/>" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="<c:url value="/resources/css/jquery-ui.css"/>" />
        <!-- jvectormap -->
        <link href="<c:url value="/resources/css/jvectormap/jquery-jvectormap-1.2.2.css"/>" rel="stylesheet" type="text/css" />
        <!-- Date Picker -->
        
        <link href="<c:url value="/resources/css/datepicker/datepicker3.css"/>" rel="stylesheet" type="text/css" />
        <!-- Daterange picker -->
        <link href="<c:url value="/resources/css/daterangepicker/daterangepicker-bs3.css"/>" rel="stylesheet" type="text/css" />
        <!-- bootstrap wysihtml5 - text editor -->
        <link href="<c:url value="/resources/css/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css"/>" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="<c:url value="/resources/css/AdminLTE.css"/>" rel="stylesheet" type="text/css" />
	
		<link href="<c:url value="/resources/css/xeditable.css"/>" rel="stylesheet" type="text/css">
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
           <!-- add new calendar event modal -->

		<link href="<c:url value="/resources/css/microcampus.css"/>" rel="stylesheet" type="text/css" />
			        <!-- jQuery 2.0.2 -->
			<style>
			.slide.ng-hide-add,.slide.ng-hide-remove {
				display: block !important;
			}
			
			.slide.ng-hide-add.ng-hide-add-active,.slide.ng-hide-remove {
				opacity: 0;
			}
			
			.slide.ng-hide-add,.slide.ng-hide-remove.ng-hide-remove-active {
				opacity: 1;
			}
			</style>
        <script type="text/javascript" src="https://www.google.com/jsapi"></script>
        <!-- AdminLTE App -->
         <script src="<c:url value="/resources/js/mc-lp/mc-lp-app.js" />" type="text/javascript"></script>
         <script src="<c:url value="/resources/js/mc-lp/user_dashboard.js" />" type="text/javascript"></script>
          <script src="<c:url value="/resources/js/mc-lp/user_student_profile.js" />" type="text/javascript"></script>
          <script src="<c:url value="/resources/js/mc-lp/user_student_academics.js" />" type="text/javascript"></script>
          <script src="<c:url value="/resources/js/mc-lp/user_advance_graph.js" />" type="text/javascript"></script>    
          <script src="<c:url value="/resources/js/mc-lp/user_student_extra_academics.js" />" type="text/javascript"></script>
          <script src="<c:url value="/resources/js/mc-lp/user_student_sports.js" />" type="text/javascript"></script>
          <script src="<c:url value="/resources/js/mc-lp/user_student_social_behaviour.js" />" type="text/javascript"></script>
          
    </head>
    <body class="skin-blue" ng-app="MicroCampusApplication">
    <!-- PHOTO BOX MODEL -->
    
    <div class="modal fade" id="photoBox" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true"
		ng-controller="PhotoController as f">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header"> 
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">Picture Gallery</h4>
				</div>

				<div class="modal-body">
					<div class="panel panel-default">
						<div class="panel-body">
							<slider images="images" />
						</div>
						<div class="panel-footer">

						</div>
					</div>
				</div>
				<div class="modal-footer">
						<ul class="pagination pagination-sm pull-right">
								<!-- <li><a href="#">«</a></li>-->
								<li><a href="#" ng-click="prev()">Prev</a></li>
								<li><a href="#" ng-click="next()">Next</a></li>
						</ul>
				</div>
			</div>
		</div>
	</div>
	
	
<!-- File Upload modal -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true"
		ng-controller="FileManagerController">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">Upload File</h4>
				</div>

				<div class="modal-body">
					<div class="panel panel-default">
						<div class="panel-body">
						Please Select File to upload and click upload button.
						</div>
						<div class="panel-footer">
						<div class="row">
							<span class="pull-left"> <input type="file" file-model="myFile" multiple="multiple" /></span> 
							<span class="pull-right">
								<button type="button" class="btn btn-default" ng-click="uploadFile()">Upload</button>
							</span>
						</div>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>
	
	<div class="modal fade" id="LoadingModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true" data-keyboard="false" data-backdrop="static">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<!-- <button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button> -->
					<h4 class="modal-title" id="myModalLabel">Please wait</h4>
				</div>

				<div class="modal-body">
					<div class="panel panel-default">
						<div class="panel-body">
						Please wait while we are initializing system.
						</div>
						<div class="panel-footer">
						</div>
					</div>
				</div>
				<div class="modal-footer">
				</div>
			</div>
		</div>
	</div>
	
	
	<!-- header logo: style can be found in header.less -->
        <header class="header">
            <a href="index.html" class="logo">
                <!-- Add the class icon to your logo image or logo icon to add the margining -->
                MicroTrackr
            </a>
            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top" role="navigation">
                <!-- Sidebar toggle button-->
                <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <div class="navbar-right">
                    <ul class="nav navbar-nav">
                        <!-- User Account: style can be found in dropdown.less -->
                        <li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="glyphicon glyphicon-user"></i>
                                <span>${firstName} ${lastName} <i class="caret"></i></span>
                            </a>
                            <ul class="dropdown-menu">
                                <!-- User image -->
                                <li class="user-header bg-light-blue">
                                    <img src="<c:url value="/resources/images/avatar3.png" />" class="img-circle" alt="User Image" />
                                    <p>
                                        ${firstName} ${lastName}
                                    </p>
                                </li>
                                <!-- Menu Footer-->
                                <li class="user-footer">
                                    <div class="pull-right">
                                        <a href="<c:url value="/j_spring_security_logout" />" class="btn btn-default btn-flat"> Logout</a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>
        <div class="wrapper row-offcanvas row-offcanvas-left" ng-controller="UserDashBoardController as usc" ng-init="usc.initUserDashboard(${userId});usc.setPage('<c:url value="/view/user/user_dashboard_tabs" />')">
           <%@include file="left_menu.jsp" %>
		<!-- Right side column. Contains the navbar and content of the page -->
		<aside class="right-side">
			<!-- Content Header (Page header) -->
			<section class="content-header">

				<h1>
					<div class="btn-group">
						<a class="btn btn-primary dropdown-toggle btn-select btn-sm" data-toggle="dropdown" href="#">{{selectedStudent}} <span class="caret"></span></a>
						<ul class="dropdown-menu btn-sm">
							<li ng-repeat="profile in studentProfiles" class="btn-sm"><a class="btn-sm" href="#" ng-click="usc.selectStudent(profile.entityId);">{{profile.firstName}} {{profile.lastName}}</a></li>
						</ul>
					</div>
					Dashboard
				</h1>
				<ol class="breadcrumb">
					<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
					<li class="active">Dashboard</li>
				</ol>
			</section>
			<!-- Main content -->
			<section class="content">
				<!-- MAIN CONTENT STARTS FROM HERE -->
				<div class="main-container test" ng-include="usc.mainContentUrl">
					<%-- <%@include file="user_dashboard.jsp"%> --%>
				</div>
				<!-- MAIN CONTENT ENDS HERE -->
			</section>
			<!-- /.content -->
		</aside>
		<!-- /.right-side -->
	</div><!-- ./wrapper -->

    </body>
</html>